<div class="panel panel-default">
	<div class="panel-body">
		<div id="alert-problem"></div>
		<div class="btn-group" id="search-problem-type" data-toggle="buttons">
			<label class="btn btn-default active">全部<input type="radio" /></label>
			<label class="btn btn-default">普通<input type="radio" /></label>
			<label class="btn btn-default">ACM<input type="radio" /></label>
		</div>
		<div class="input-group">
			<input type="text" class="form-control" id="search-problem-ID" placeholder="请输入题目ID或题目名（默认显示全部题目列表）" />
			<span class="input-group-btn">
    			<button type="button" class="btn btn-default" id="search-problem-enter">
    				<span class="glyphicon glyphicon-search"></span>
				</button>
			</span>
		</div>
		<table class="table table-hover table-striped">
			<!--ID、题目名、创建人、创建时间、修改信息、删除题目-->
			<thead><tr><th>ID</th><th>题目名</th><th>类型</th><th>创建人</th><th>创建时间</th><th>操作</th></tr></thead>
			<tbody id="table-problem-list">
				<!--提交一个新题目-->
				<tr>
					<td colspan="6">
						<a href="#add-problem" class="btn btn-success" data-toggle="collapse">提交一个新题目</a>
						<div class="collapse" id="add-problem">
							<div class="input-group">
								<span class="input-group-addon">题目名 : </span>
								<input type="text" class="form-control" id="problem-add-name" placeholder="必填" />
							</div>
							<div class="panel panel-default">
								<div class="panel-heading">题目描述</div>
								<div class="panel-body">
									<textarea class="form-control" id="problem-add-description" placeholder="在此填写题目描述（必填）"></textarea>
									<div class="custom">
										<div class="input-group">
											<span class="input-group-addon">难度 (可选): </span>
											<span class="input-group-btn" id="problem-add-level" data-toggle="buttons">
    											<label class="btn btn-default">青铜<input type="radio"/></label>
    											<label class="btn btn-default">白银<input type="radio"/></label>
    											<label class="btn btn-default">黄金<input type="radio"/></label>
    											<label class="btn btn-default">钻石<input type="radio"/></label>
    											<label class="btn btn-default">王者<input type="radio"/></label>
	    									</span>
										</div>
										<div class="input-group">
											<span class="input-group-addon">考查 (可选): </span>
											<button type="button" class="btn btn-default" id="problem-add-point">请选择知识点</button>
											<span class="input-group-btn" data-toggle="buttons">
    										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    											<span class="caret"></span>
											</button>
											<ul class="dropdown-menu" id="problem-list-point"></ul>
											</span>
										</div>
										<div class="input-group">
											<span class="input-group-addon">类型 (必选): </span>
											<span class="input-group-btn" id="problem-add-type" data-toggle="buttons">
    											<label class="btn btn-default active">普通<input type="radio"/></label>
    											<label class="btn btn-default">ACM<input type="radio"/></label>
    										</span>
										</div>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading">输入输出描述</div>
								<div class="panel-body">
									<textarea class="form-control" id="problem-add-description-in" placeholder="在此填写输入描述（选填）"></textarea>
									<textarea class="form-control" id="problem-add-description-out" placeholder="在此填写输出描述（必填）"></textarea>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading">输入输出样例</div>
								<div class="panel-body">
									<textarea class="form-control" id="problem-add-sample-in" placeholder="在此填写输入样例（选填）"></textarea>
									<textarea class="form-control" id="problem-add-sample-out" placeholder="在此填写输出样例（必填）"></textarea>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading">数据范围 & 提示</div>
								<div class="panel-body">
									<textarea class="form-control" id="problem-add-tip" placeholder="在此填写数据范围（必填）以及提示信息（选填）"></textarea>
									<div class="input-group">
										<span class="input-group-addon">题目来源 : </span>
										<input type="text" class="form-control" id="problem-add-source" placeholder="选填" />
									</div>
									<div class="input-group">
										<span class="input-group-addon">时间限制 : </span>
										<input type="text" class="form-control" id="problem-add-limit-time" value="1000" placeholder="ms" />
									</div>
									<div class="input-group">
										<span class="input-group-addon">空间限制 : </span>
										<input type="text" class="form-control" id="problem-add-limit-memory" value="64" placeholder="MB" />
									</div>
								</div>
							</div>
							<button type="button" class="btn btn-primary" id="problem-add-enter">提交题目</button>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
		<ul id="problem-paginator"></ul>
	</div>
</div>